@charset "utf-8";
/* CSS Document */
#header{
	background:#f9f9f9 url(http://localhost/theme/img/headerbg.jpg) repeat-x;
	width:100%;
	position:relative;
	}
#menu{
	/*background:#eb4466 url(http://localhost/theme/img/headerbg.jpg) repeat-x top;*/
	width: 1096px;
	height: 46px;
	margin: 0 auto;
	padding: 26px 0 0;	 
	}
#menuinner{
	margin:0 auto;
	width:685px;
	height:25px;
	}
.logo{	
	position:absolute;
	top:28px;
	left:30px;
	}
 #menu ul{
	list-style:none;
	float:left;
	 }
#menu ul>li{
	float:left;
	text-align:center;
	margin: 0 45px;
	}
#menu ul>li>a span{
	text-transform:capitalize;	
	color:#ffced8;
	font-size:18px;
	line-height:18px;
	}
#menu ul>li>a:hover{	
	color:#ffffff;
	}
.active{
	display:block;
}
.hidden{
	display:none;
}
#dropdownouter{
	position:absolute;
	top:26px;
	right:22px;
	width:99px;
	height:24px;
	padding-left:5px;
	}
#dropdowninner{
	margin:0 auto;
	display:inline-block;
	padding:5px 0;
	}
#dropdownmenu{
	background:#F69;
	width:90px;
	padding:5px;
	display:none;
	}
#dropdownmenu li{
	border-bottom:1px dotted #C36;
	height:20px;
	}
#dropdowninner span,#dropdownmenu span{
	color:#fff;
	text-transform:capitalize;
    vertical-align:middle;
	display:inline-block;
	float:left;
	width:56px;
	font-size:12px;
	line-height:12px;
	}
#dropdowninner>img{
	float:right;
	display:inline-block;
	margin-top:5px;
	}
#dropdownmenu li img{
	margin-top:3px;
	}
#flags{
	width:24px;
	height:16px;
	overflow:hidden;
	display:inline-block;
	float:left;
	margin:0 5px;
	}
#sub-nav1,#sub-nav2,#sub-nav3,#sub-nav4{
	/*width:1600px;
	padding:15px 0;*/
	height:39px;
	background-color:#eaeaea;
	line-height:39px;
	overflow:hidden;
	text-align:center;		  
	}
.site-nav a{
    position:relative;
	width:100px;
}
	
.site-nav_selected{
	background:url(http://localhost/theme/img/sj.png) no-repeat;
	position:absolute;
	top:29px;
	left:50%; 
	z-index:2;
	width:14px;
	height:8px; 
	}
.sub-site-nav a{
	width:60px;
	padding:5px;
	font-size:14px;
	color:#666666; 
	text-transform:capitalize;
	}
.fontgray{
	color:#979797;
	}
.mvfont{	
	font-family:"MV Boli";
    }
#banner{
	height:279px;
	width:1096px;
	text-align:center;
	margin:0px auto;
	padding: 20px 0;
	}
.mtf15{
	margin-top:-15px;
	}
.ad{
	width:336px;
	height:280px;
	overflow:hidden;
	}
#banner .hotgame{
	width:734px;
	height:280px;
	position:relative;
	margin-left:25px;
	}
.leftarr,.rightarr,.leftarr1,.rightarr1{	
	width: 15px;
	height: 44px;
	display: block;
	position: absolute;
	top: 140px;
	z-index: 1;
	cursor: pointer;
	}
.leftarr,.leftarr1{
	background:url(http://localhost/theme/img/arrowsleft.png) no-repeat;
	left:0;
	}
.rightarr,.rightarr1{
	background:url(http://localhost/theme/img/arrowsright.png) no-repeat;
	right:0;
	}
.leftarr1,.rightarr1{
	top:85px;
	}
.embed{
	position:relative;
	width:307px;
	margin:25px;
	text-align:center;
	display:inline-block;
	}
.hotgame h1,.followus span,.lists>div:first-child h1,#textandad p span{
	color:#eb4466;
	font-weight:bold;
	text-transform:capitalize;
	text-align:left;
	font-size:18px;
	display:inline;
	}
#textandad p span{
	font-size:13px;
	}
#banner .hotgame h1{
	margin-left: -570px;
	}
.hotgame .hotgamelist{
	width:688px;
	height:265px;
	padding:0 22px;	
	}
.listitem{
	border:2px solid #e5e5e5;
	border-radius:10px;
	width:158px;
	height:118px;
	margin:5px;
	overflow:hidden;
	background-color:#cdce8c;
	float:left;
	position:relative;
	}
/* end header style */

/* footer style */

#footer{
	width:100%;
	height:400px;
	/*padding-top:25px;
	padding-bottom:25px;*/
	background-color:#333;

	}
#friendlink_outer{
	height:260px;
	width:1096px;
	margin:0 auto;
	padding-top:33px;
	}

.followus span{
	font-size:20px;
	color:#fff;
	line-height:20px;
	display:inline-block;
	margin:10px 5px;
	float:left;
	}
#footer #friendlink	.links{
	width:1096px;
	height:173px;
	border-top:1px solid #444;
	margin-top:25px;
	padding-top:12px;	
	}
	
#footer #friendlink	.links .leftlink>li,.rightnews{
	width:210px;
	height:180px;
	padding:10px;
	margin-right:10px;	
	}
.rightnews{
	width:290px;
	}
.rightnews input{
	width:251px;
	height:31px;
	border-radius:5px;
	padding-left:10px;
	margin-top:13px;
	background-color:#2b2b2b;
	border:none;
	color:#fff;
	}
.rightnews .bginput{
	background:#fd3f66 url(http://localhost/theme/img/buttonsub.jpg) no-repeat;
	cursor:pointer;
	border:1px solid #cc3352;
	margin-top:7px;
	width:260px;
	}
#footer #friendlink	.links a,#footer #friendlink .links a:hover,.rightnews li i,.rightnews li h3,#footer #friendlink .links h3{
	color:#999999;
	font-size:14px;
	text-transform:capitalize;
	}
.rightnews li i{
	font-size:12px;
	}
#footer #friendlink	.links a h3,.rightnews li h3{
	color:#fff;
	}

#footer #friendlink	.followus{
	/*font-size:20px;
	color:#fff;
	width:280px;
	height:60px;*/
	margin-top:-10px;
	margin-right:5px;
	}

.leftlink ul li,.rightnews li{
	line-height:25px;
	}
#cpright_outer{
	background-color:#2b2b2b;
	width:100%;
	height:47px;
	padding:33px 0 27px 0;	
	}
#cpright{
	width:1096px;
	margin:0 auto;
	}
#cpright span,#cpright p,#cpright a{
	color:#595959;
	font-size:14px;
	text-transform:capitalize;	
	}
#cpright a{
	color:#999;
	}
#cpright li,#cpright span{
	float:left;
	}
#cpright span{
	margin:4px 22px 0 0;
	}
#cpright p{
	clear:both;
	line-height:45px;
	}
#cpright a{
	width:20px;
	height:20px;
	line-height:20px;
	padding:10px 5px;
	}
/* end footer */
#container{
	width:1096px; 
	overflow:hidden;
	margin:0 auto;
	}
#crumbread{
	margin:10px 0;
	}
#topad,#topad1{
	width:980px;
	overflow:hidden;
	margin:20px auto;
	
	}
#topad div,#topad1 div{
	border:1px solid #f5f5f5;
	overflow:hidden;
	height:88px;
	}	
#topad1{
	width:790px;
	}
#admid{
	clear:both;
	padding-top:15px;
	padding-bottom:5px;
	}
#tags{
	background:#859ed4;
	border-radius:10px;
	margin-bottom:10px;
	padding-top:20px;
	width:160px;
	height:469px;
	position:relative;	
	}
.hoticon{
	position:absolute;
	top:0;
	left:0;
	}
.sidead{
	background:#f9f9f9;
	width:160px;
	height:600px;
	overflow:hidden;
	margin-bottom:30px;
	}
.listitemsmall{
	width:130px;
	height:53px;
	border-radius:5px;
	overflow:hidden;
	margin:7px 15px 8px;
	position:relative;
	}
.listitemsmall span{
	position:absolute;
	top:23px;
	left:11px;
	z-index:2;
	font-weight:bolder;
	text-transform:capitalize;
	}
#hottags{
	background-color:#f8f8f8;
	border-radius:15px;
	width:907px;
	height:155px;
	margin-left:10px;
	margin-bottom:20px;
	margin-top:15px/9;
	padding:20px 10px 15px;
	}
#hottags div div{
	width:119px;
	float:left;
	margin:15px 10px 0 0;
	}
.listitemsmaller{
	width:78px;
	height:78px;
	border:1px solid #eaeaea;
	border-radius:3px;
	margin:20px 13px 0 0;
	overflow:hidden;
	float:left;
	}
#allgamelists{
	width:936px;
	padding-left:5px;
	overflow:hidden;
	position:relative;
	}
#allgamelists .listitem{
	width:142px;
	height:125px;
	}
.rightad{
	width:300px;
	height:250px;
	overflow:hidden;
	border:1px solid #f9f9f9;
	float:right;
	margin:5px 5px 0 -5px ;	
	}
#tags h1,.lists>h1{
	text-transform:capitalize;
	font-size:18px;
	font-weight:bold;
	margin-left:10px;
	color:#454545;
	}
.lists{
	float:left;
	width:936px;
	position:relative;	
	margin-bottom:50px;
	}
.lists>div:first-child{
	width:936px;
	height:25px;
	}
#tags h1{
	color:#fff;
	text-transform:uppercase;
	margin-left:15px;
	}
.smtags{
	width:625px;
	vertical-align:middle;
	}
.smtags h5{
	color:#666;
	display:inline-block;
	margin-left:10px;
	margin:12px 0 0 10px;
	float:left;
	}
.flaglist{
	margin-top:10px;
	}
.taglistitem{
	position:relative;
	display:inline-block;
	margin:4.5px;
	}
.taglistitem span{
    position:absolute;
	top:7px;
	left:3px;
	z-index:2;
	font-size:10px;
	}
.taglistitem div{
	width:71px;
	height:24px;
	overflow:hidden;
	border:1px solid #859ed4;
	border-radius:3px;
	}
.ml10{
	margin-left:10px;
	}
.mr10{
	margin-right:10px;
	}
.mb35{
	margin-bottom:35px;
	}
.midthk{
	width:291px;
	overflow:hidden;	
	}
.midthk h1,.midthk h1 span,.midthk p a{
	color:#00a3ce;
	font-size:24px;
	font-weight:bold;
	line-height:25px;
	word-break:break-strict;
	}
.midthk p,.midthk p a{
	font-size:12px;
	font-weight:normal;
	line-height:24px;
	}
.rating,.rating table{
	width:269px;
	}

.rating table tbody tr{
	height:30px;
	border-bottom:1px dotted #9f9f9f;
	padding-bottom:3px;
	}
.rating table tr  td{
	vertical-align:bottom;
	}
.promo-nav{
	padding:35px 0;
	height: 13px;
	text-align: center;
	font-size: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-left: -33px;
	background: rgba(255,255,255,.3);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4CFFFFFF', EndColorStr='#4CFFFFFF');
	}
.promo-nav li {
	display: inline-block;
	vertical-align: middle;
	margin: 2px;
	}
.promo-nav li a {
	display: block;
	padding-top: 9px;
	width: 9px;
	height: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #B7B7B7;
	overflow: hidden;
	}
.scrollnav{
	position:relative;
	}
#rightad2{
	position:absolute;
	top:50px;
	right:0px;
	
	/*position:relative;*/
	height:590px;
	width:300px;
	}
#rightad2 h4{
	position:absolute;
	top: -20px;
	left: 110px;
	}
#adright{
	width:298px;
	height:582px;
	border:1px solid #ccc;
	overflow:hidden;
	
	}
#textandad{
	width:612px;
	padding-right:22px;
	}
#textandad h4{
	width:86px;
	margin:10px 0 5px 135px
	}
#textandad p{
	font-size:13px;
	line-height:23px;
	color:#454545;
 	margin-left:10px;
	}
.playbtn{
	background:url(http://localhost/theme/img/play-btn.jpg) no-repeat;
	width:190px;
	height:50px;
	border:none;
	margin:10px auto;
	}



.item-hover-bg {
	width: 100%;
	height: 100%;
	cursor: pointer;
	background:#000;
	position: absolute;
	opacity: 0.6;
	filter: alpha(opacity=60);
	top: 0px;
	left: 0px;
	}
 .item-hover {
	display: none;
	width: 100%;
	height: 30%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	}
.title {
	
	padding: 0 10px;
	color: #fff;
	/*position: relative;
	top: 15px;
	left: 33px;*/
	text-align: center;
	vertical-align: middle;
	margin-top: 12px;
	}
.h4{
	font-size:10px;
	color:#a5a5a5;
	text-align:center;
	margin-top:2px;
	line-height:10px;
	}